<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link href="/lib/ligerUI/skins/Aqua/css/ligerui-all.css"
	rel="stylesheet" type="text/css" />
<link href="/lib/ligerUI/skins/ligerui-icons.css" rel="stylesheet"
	type="text/css" />
	
</head>
<body>
	<div id="toolbar"></div>
	<div id="maingrid"></div>
	<script type="text/javascript" src="/lib/jquery/jquery-1.9.0.min.js"></script>
	<script src="/lib/ligerUI/js/ligerui.all.js"></script>
	<script type="text/javascript">
		$("#toolbar").ligerToolBar({
			items : [ {
				text : '增加',
				click : itemclick,
				icon : 'add'
			}, {
				line : true
			}, {
				text : '修改',
				click : itemclick,
				icon : 'edit'
			}, {
				line : true
			}, {
				text : '删除',
				click : itemclick,
				icon : 'delete'
			} ]
		});
		
		function itemclick(item) {
			alert(item.text);
		}
		
		function test() {
			alert("hello world");
		}
		
		$( "#maingrid" ).ligerGrid({
			columns: [
			          {display:'ID', name:'ID',width:'60',align:'center'},
			          
			          {display:'名称', name:'NAME',width:'120',align:'center'},
			          {display:'编码', name:'KEY',width:'120',align:'center'},
			          {display:'值', name:'VALUE',width:'120',align:'center'},
			          {display:'备注', name:'MEMO',width:'180',align:'center'}
			 ], 
			 width:'100%', 
			 height:'90%', 
			 url:'/config/json', 
			 rownumbers:true,
			 enabledSort:true
		});
	</script>
</body>
</html>